
// align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
// justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
.flex_row {
    display: flex;
    flex-direction: row;
    &._stretch {
        align-items: stretch;
    }
    &._center {
        align-items: center;
    }
    &._start {
        align-items: flex-start;
    }
    &._end {
        align-items: flex-end;
    }
    &._baseline {
        align-items: baseline;
    }
    &._initial {
        align-items: initial;
    }
    &._inherit {
        align-items: inherit;
    }
    &.__center {
        justify-content: center;
    }
    &.__start {
        justify-content: flex-start;
    }
    &.__end {
        justify-content: flex-end;
    }
    &.__between {
        justify-content: space-between;
    }
    &.__around {
        justify-content: space-around;
    }
    &.__initial {
        justify-content: initial;
    }
    &.__inherit {
        justify-content: inherit;
    }
}

.flex_column {
    display: flex;
    flex-direction: column;
    &._stretch {
        align-items: stretch;
    }
    &._center {
        align-items: center;
    }
    &._start {
        align-items: flex-start;
    }
    &._end {
        align-items: flex-end;
    }
    &._baseline {
        align-items: baseline;
    }
    &._initial {
        align-items: initial;
    }
    &._inherit {
        align-items: inherit;
    }
    &.__center {
        justify-content: center;
    }
    &.__start {
        justify-content: flex-start;
    }
    &.__end {
        justify-content: flex-end;
    }
    &.__between {
        justify-content: space-between;
    }
    &.__around {
        justify-content: space-around;
    }
    &.__initial {
        justify-content: initial;
    }
    &.__inherit {
        justify-content: inherit;
    }
}
